const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  // Vue.config.js里面是可以追加 webpack 的配置
  chainWebpack: config => {

    config.module
      .rule('svg')
      .exclude.add(path.join(__dirname, 'src/assets/icons/svg'))
      .end()

    // 在config的module上添加一个新的 规则
    config.module.rule('icon')
      // 使用一个正则来匹配对应的 文件的后缀名
      .test(/\.svg$/)
      // 从什么地方加载
      .include.add(path.join(__dirname, 'src/assets/icons/svg'))
      .end()
      // 使用什么loader来加载对应的文件
      .use('svg-sprite')
      .loader('svg-sprite-loader')
      // 添加额外的处理
      .options({
        symbolId: 'icon-[name]'
      })
      // 处理结束
      .end()

  }
})
